{template 'common/header'}
<div id="activity-detail">
    <style type="text/css">
        @charset "utf-8";
        html {
            background: #FFF;
            color: #000;
        }

        body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
            margin: 0;
            padding: 0;
        }

        table {
            border-collapse: collapse;
            border-spacing: 0;
        }

        fieldset, img {
            border: 0;
        }

        address, caption, cite, code, dfn, th, var {
            font-style: normal;
            font-weight: normal;
        }

        ol, ul {
            list-style: none;
        }

        caption, th {
            text-align: left;
        }

        h1, h2, h3, h4, h5, h6 {
            font-size: 100%;
            font-weight: normal;
        }

        q:before, q:after {
            content: '';
        }

        abbr, acronym {
            border: 0;
            font-variant: normal;
        }

        sup {
            vertical-align: text-top;
        }

        sub {
            vertical-align: text-bottom;
        }

        input, textarea, select {
            font-size: inherit;
            font-weight: inherit;
        }

        input, textarea, select {
            font-size: 100%;
        }

        legend {
            color: #000;
        }

        body {
            color: #222;
            height: 100%;
            position: relative;
        }

        body > .tips {
            display: none;
            left: 50%;
            padding: 20px;
            position: fixed;
            text-align: center;
            top: 50%;
            width: 200px;
            z-index: 100;
        }

        .page {
            padding: 15px;
        }

        .page .page-error, .page .page-loading {
            line-height: 30px;
            position: relative;
            text-align: center;
        }

        #activity-detail .page-bizinfo {
            border-bottom: 1px dotted #CCC;
        }

        #activity-detail .page-bizinfo .header {
            padding: 15px;
        }

        #activity-detail .page-bizinfo .header #activity-name {
            color: #000;
            font-size: 1.4em;
            line-height: 1.6em;
            margin-bottom: 5px;
            word-break: normal;
            word-wrap: break-word;
        }

        #activity-detail .page-bizinfo .header #post-date {
            color: #8c8c8c;
            font-size: 11px;
            margin: 0;
        }

        #activity-detail .page-content {
            padding: 15px;
        }

        #activity-detail .page-content .media {
            margin-bottom: 18px;
        }

        #activity-detail .page-content .media img {
            width: 100%;
        }

        #activity-detail .page-content .text {
            color: #3e3e3e;
            font-size: 1.5em;
            line-height: 1.5;
            width: 100%;
            overflow: hidden;
            zoom: 1;
        }

        #activity-detail .page-content .text p {
            min-height: 1.5em;
            line-height: 1.6em;
            word-wrap: break-word;
            word-break: break-all;
            text-align: justify;
        }

        #activity-list .header {
            font-size: 20px;
        }

        #activity-list .page-list {
            border: 1px solid #ccc;
            border-radius: 5px;
            margin: 18px 0;
            overflow: hidden;
        }

        #activity-list .page-list .line.btn {
            border-radius: 0;
            margin: 0;
            text-align: left;
        }

        #activity-list .page-list .line.btn .checkbox {
            height: 25px;
            line-height: 25px;
            padding-left: 35px;
            position: relative;
        }

        #activity-list .page-list .line.btn .checkbox .icons {
            background-color: #ccc;
            left: 0;
            position: absolute;
            top: 0;
        }

        #activity-list .page-list .line.btn.off .icons {
            background-image: none;
        }

        #activity-list #save.btn {
            background-image: linear-gradient(#22dd22, #009900);
            background-image: -moz-linear-gradient(#22dd22, #009900);
            background-image: -ms-linear-gradient(#22dd22, #009900);
            background-image: -o-linear-gradient(#22dd22, #009900);
            background-image: -webkit-gradient(linear, left top, left bottom, from(#22dd22), to(#009900));
            background-image: -webkit-linear-gradient(#22dd22, #009900);
        }

        .vm {
            vertical-align: middle;
        }

        .tc {
            text-align: center;
        }

        .db {
            display: block;
        }

        .dib {
            display: inline-block;
        }

        .b {
            font-weight: 700;
        }

        .clr {
            clear: both;
        }

        .text img {
            max-width: 100%;
            margin: 5px 0;
        }

        .page-url {
            padding-top: 18px;
        }

        .page-url-link {
            color: #607FA6;
            font-size: 14px;
            text-decoration: none;
            text-shadow: 0 1px #ffffff;
            -webkit-text-shadow: 0 1px #ffffff;
            -moz-text-shadow: 0 1px #ffffff;
        }

        #mbutton {
            padding: 15px 10px 15px 10px;
            overflow: hidden;
            border-bottom: 1px #DDD solid;
        }

        #mbutton > span {
            float: right;
            display: inline-block;
            background: #666;
            border: 1px #DDD solid;
            color: #FFF;
            height: 30px;
            line-height: 30px;
            padding: 0 10px;
            margin-left: 10px;
        }

        #mcover {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            display: none;
            z-index: 20000;
        }

        #mcover img {
            position: fixed;
            right: 18px;
            top: 5px;
            width: 260px;
            height: 180px;
            z-index: 20001;
        }
        .shop-info{
            font-size: 14px;
            margin: 20px 0;
        }
        .shop-det{
            font-size: 1.1em;
            line-height: 1.5em;
            font-weight: 700;
        }
        .shop-det-img{
            width: 100%;
            margin: 5px 0;
        }
    </style>
    <div class="page-bizinfo">
        <div class="header">
            <h1 id="activity-name">{$detail['title']}</h1>
            <span id="post-date">
			<span>{php echo date("Y-m-d", $detail['createtime']);}</span>
			<span>{$detail['author']}</span>
			{if !empty($detail['source'])}<a href="{$detail['source']}">文章来源</a>{/if}
			{if !empty($subscribeurl)}<a href="{$subscribeurl}">{$_W['account']['name']}</a>{/if}

		</span>
        </div>
    </div>
    <div class="page-content">
        <div class="text">
            {$detail['content']}
        </div>

        <!--<div class="shop-info">-->
            <!--<h2 class="shop-det">店铺名称:{$storeInfo['storename']}</h2>-->
            <!--<h2 class="shop-det">店铺位置:{$storeInfo['storeposition']}</h2>-->
            <!--<h2 class="shop-det">联系电话:{$storeInfo['storenumber']}</h2>-->
            <!--<img class="shop-det-img" src="{php echo tomedia($storeInfo['storepic']);}" alt="">-->
        <!--</div>-->

    </div>
</div>
{template 'common/footer'}